<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./jquery.min.js"></script>
	</head>
	<body>
		<h1>按钮点击后，被禁止，无法再次点击</h1>
		<!--按钮disabled属性，他就是不允许点击 -->
		<button id="pay" >支付宝支付</button>
		<button >微信支付</button>
	</body>
	<script>
		$("#pay").click(function(){
			//怎么去设置按钮得禁止属性attribute，两个参数，属性名和属性值
			//JQ中disabled是boolean，true代表禁止 false不禁止
			$("#pay").attr("disabled",true);
		})
		//改变文字,this代表当前对象按钮，JQ语法特殊写:$(this)
		$("#pay").text($(this).text()+",已经支付，请稍后...")
	</script>
</html>
